<ion-view view-title="任务">
  <ion-nav-bar class="bar-dark box-shadow">
  </ion-nav-bar>

  <ion-slide-box show-pager="false" on-slide-changed="slideChanged($index)">
    <ion-slide ng-repeat="slide in slides">
      <ion-content>


        <ion-refresher pulling-text="下拉刷新..." on-refresh="slide.getTopList()" style="margin-top: 40px">
        </ion-refresher>

        <!--<div ng-if="showloading" style="margin-top:80px; text-align: center">-->
          <!--<ion-spinner icon="ios" style="height: 80px; width: 60px;;"></ion-spinner>-->
        <!--</div>-->

        <div class="list todo_item has-header" ng-repeat="order in slide.topics.data" >
          <a class="item item-icon-left item_top"   style="color: #adaead"  ng-href="#/follow_detail/{{order.id}}&{{order.orderNumber}}">
            {{order.createDate|date:'yyyy-MM-dd HH:mm:ss '}}
                <span class="item-note" style="color: #ef0a14">
                  质报内
                </span>
          </a>
          <a class="item item-avatar"  style="background-color: #f8f8f8"  ng-href="#/follow_detail/{{order.id}}&{{order.orderNumber}}"  ng-switch="order.questionOne">
            <img src="img/question_01.png" style="border-radius:0%;max-width:45px;max-height: 45px" ng-switch-when="渗漏">
            <img src="img/question_02.png" style="border-radius:0%;max-width:45px;max-height: 45px" ng-switch-when="户内装修">
            <img src="img/question_03.png" style="border-radius:0%;max-width:45px;max-height: 45px" ng-switch-when="阳台、露台">
            <img src="img/question_04.png" style="border-radius:0%;max-width:45px;max-height: 45px" ng-switch-when="给水">
            <img src="img/question_05.png" style="border-radius:0%;max-width:45px;max-height: 45px" ng-switch-when="排水">
            <img src="img/question_06.png" style="border-radius:0%;max-width:45px;max-height: 45px" ng-switch-when="插座、开关与光源">
            <img src="img/question_07.png" style="border-radius:0%;max-width:45px;max-height: 45px" ng-switch-when="供暖">
            <img src="img/question_08.png" style="border-radius:0%;max-width:45px;max-height: 45px" ng-switch-when="卫浴与小配件">
            <img src="img/question_09.png" style="border-radius:0%;max-width:45px;max-height: 45px" ng-switch-when="阳台门、窗与配件">
            <img src="img/question_10.png" style="border-radius:0%;max-width:45px;max-height: 45px" ng-switch-when="柜体">
            <h2>{{order.questionOne}}-{{order.questionTwo}}</h2>
            <p>{{order.describe}}</p>
          </a>


          <a class="item item-icon-left item_top"  style="color: #999999;font-size: 14px"  ng-if="order.buildingName!=null" ng-href="#/follow_detail/{{order.id}}&{{order.orderNumber}}">
            <i class="icon ion-location" style="font-size: large" ></i>
            {{order.buildingName}}{{order.buildingNum}}{{order.buildingHouseNum}}
          </a>
          <a class="item item-icon-left item_top"  style="color: #999999;font-size: 14px"  ng-if="order.buildingName==null" ng-href="#/follow_detail/{{order.id}}&{{order.orderNumber}}">
            <i class="icon ion-location" style="font-size: large" ></i>
            {{order.addressDetail}}
          </a>
        </div>





        <ion-infinite-scroll icon="ion-load-d"  on-infinite="slide.getMoreList()" distance="1%" ng-if="slide.hasNextPage()"></ion-infinite-scroll>
        <!--<ion-infinite-scroll icon="ion-load-d"  on-infinite="slide.getMoreList()" distance="1%" ng-if="!slide.isload"></ion-infinite-scroll>-->

      </ion-content>
    </ion-slide>
  </ion-slide-box>

  <ion-tabs class="tabs-striped tabs-top">
    <ion-tab ng-repeat="item in tabs" on-select="selectedTab($index)" title="{{item.name}}"></ion-tab>
  </ion-tabs>
</ion-view>
